/* 我的评价 */
.comments-box{
    margin-bottom: 12px;
    padding: 24px 32px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    border-radius: 12px;
}
.comments-box .content-box{
    display: flex;
    flex-direction: row;
    cursor: pointer;
}
.comments-box .content-box .right-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 12px 0 12px;
    width:100% ;
}
.comments-box .content-box .right-box .title{
    font-size:17px;
    font-family:SourceHanSansSC-Medium,SourceHanSansSC;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:25px;
    font-weight: bold;
}
.comments-box .content-box .right-box .title:hover{
    color: #D8412D;
}
.comments-box .content-box .right-box .comments-content{
    font-size:15px;
    font-family:SourceHanSansSC-Normal,SourceHanSansSC;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:28px;
}
/* 课程评价 */
.comments-content .money{
    color: #D8412D;
    font-size:16px;
    font-family:SourceHanSansSC-Medium,SourceHanSansSC;
    font-weight:500;
    color:rgba(216,65,45,1);
    line-height:24px;
}
.comments-content .sum{
    font-size:13px;
    font-family:SourceHanSansSC-Regular,SourceHanSansSC;
    font-weight:400;
    color:#999;
    line-height:19px;
}
.curriculum{
    margin-top: 20px;
}
/* 我的预约 */
.top_nav_choose{
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 0px 0px rgba(230,230,230,1);
}
.lessonBox{
    padding: 32px 40px 0;
}
.lessonItem{
    justify-content: space-between;
    padding:16px ;
    box-shadow:0px 1px 0px 0px rgba(238,238,238,1);
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
}
.lessonLeft{
    display: flex;
    cursor: pointer;
}
.lessonLeft img{
    width:144px;
    height:96px;
}
.lessonInfo{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-left: 16px;
}
.lessonTecher{
    display: flex;
    align-items: center;
}
.lessonTecher img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
}
.lessonTecher span{
    font-size:14px;
}
.lessonTecher span:nth-child(2){
    margin-left: 12px;
    color: #D8412D;
}
.lessonTit{
    height:29px;
    font-size:20px;
    font-family:SourceHanSansSC-Medium,SourceHanSansSC;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:29px;
}
.lessonTit:hover{
    color: #D8412D;
}
.lessonRight .timer{
    font-weight:500;
    line-height:29px;
    font-size:20px;
    padding: 8px;
    border:1px solid rgba(229,229,229,1);
    border-radius: 8px;
}
.appointmentbtn{
    padding: 8px 12px;
    font-size: 16px;
    white-space: nowrap;
    border-radius:8px;
    border:1px solid rgba(255,212,206,1);
    margin-left: 10px;
    cursor: pointer;
    background: #D8412D;
    color: #fff;
}
.appointmentbtn:hover{
    opacity: .7;
}

/* 面包屑导航栏 */
.babelBox{
    margin-top: 16px;
    background-color: #FFF7F6;
    padding: 7px 20px 7px 10px;
    box-shadow:0px -1px 0px 0px rgba(255,211,198,1);
    justify-content: space-between;
}
.searchFox{
    border-radius:4px;
}
.searchFox .searchBtn{
    width:44px;
    height:26px;
    background:linear-gradient(180deg,rgba(255,238,236,1) 0%,rgba(255,224,197,1) 50%,rgba(255,244,231,1) 100%);
    border:1px solid #A8A3A3;
    text-align: center;
    line-height: 26px;
    font-size: 13px;
    cursor: pointer;
}

.searchFox input{
    width:192px;
    height:26px;
    background:rgba(255,253,251,1);
    border:1px solid #A8A3A3;
    padding-left: 10px;
    line-height: 26px;
}
.pageNav{
    padding: 10px 0 100px;
}
.pageBox{
    padding: 0 6px;
    color: #999;
    letter-spacing: .47px;
    height:27px;
    line-height: 27px;
    background:rgba(241,241,241,1);
    box-shadow:0px 2px 1px 0px rgba(255,255,255,1);
    border:1px solid rgba(204,204,204,1);
    margin: 0 2px;
    cursor: pointer;
}
.pageBox:hover{
    opacity: .7;
}
.pageNav input{
    width:27px;
    height:23px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(204,204,204,1);
    margin: 0 2px;
    text-align: center;
}
.pageSizeBox .active{
    background: #D8412D;
    color: #fff;
}

/* 我的关注 */
.expertContent-box{
    padding: 16px;
    box-shadow: 0px 1px 0px 0px rgba(238,238,238,1);
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
}
#expertContent .follow-box{
    display: flex;
    flex-direction: row !important;
}
#expertContent  .follow-reset{
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
}


@media screen and (min-width:768px) {

}

@media screen and (max-width:768px) {
	.comments-box .head-content-box{
        display: flex;
        flex-direction: column !important;
    }
    .comments-box.comments-content-box-reset{
        display: flex;
        flex-direction: row !important;
    }
}
.starImgBox img{
    width: 20px;
    height: 20px;
}
.starBox span{
    color: #999;
}
.evaluateContent{
    /* background: #fafafa; */
    padding: 10px;
    margin-top: 10px;
}
#curriculumComments{
    margin-bottom: 40px;
}
.tips{
    color: #999;
}